<template>
  <div class="front-view">
    <Header />
    <router-view class="front-container" />
  </div>
</template>

<script setup>
import Header from '@/components/frontHeader.vue' // 根据实际路径调整
</script>
<style>
.front-view {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
}

.front-container {
  padding: 70px 4% 40px; /* 上边距包含Header高度+安全间距 */
  margin-top: -50px; /* 抵消Header固定定位的影响 */
  min-height: calc(100vh - 50px); /* 确保容器高度计算包含Header */
}
</style>